<template>
   <Swiper>
		 <Slide v-for="index in list">
			 <div>
				 <slot name="index"></slot>
			 </div>
		 </Slide> 
	 </Swiper>
</template>
 
<script>
import { Swiper, Slide } from 'vue-swiper-component';
export default {
  props: {
    /**
     * 轮播图数据
     */
    list:Array,
    /**
     * 是否自动轮播
     */
    autoPlay:{
      type:Boolean,
      default:false
    },
    /**
     * 是否显示轮播的点
     */
    showIndicator:{
      type:Boolean,
      default:true
    },
     /**
     * 每两次隔多久滚动一次
     */
    interval:{
      type:Number,
      default:2500
    },
     /**
     * 每次滚动一页需要多久
     */
    duration:{
      type:Number,
      default:500
    },
  },
  data () {
    return {
			isLoad:false
    };
  },
 
  components: {
    Swiper,
    Slide
  },
 
  computed: {},
 
  mounted() {},
 
  methods: {
    /**
     * 轮播图点击事件
     */
    clickSwiper(data){
      this.$emit('clickSwiper',data);
    },
		
  },
 
  watch: {}
}
 
</script>
<style lang='less' scoped>
 
</style>

